body { 
	height:100%;
}

html{
	width:100%;
	height:100%;
	position: absolute;
}

.footer {
	width:100% !important;
}

.footerFinder {
	width:100% !important;
	position: absolute;
	bottom:0px;
	height:6%;
}

.headPage {
	width:100% !important;
}

.headPageFinder {
	width:100% !important;
	top:0px;
	position: absolute;
	height:8%;
}

#middleBox {
width:100% !important;
background-image: url('../bs2.jpg');
background-position: center;
background-size: cover;
}

#middleBoxSearch {
	width:100% !important;
	height:86%;
	top:8%;
	position: absolute;
	background-image: url('../bs2.jpg');
	background-position: center;
	background-size: cover;
	}

#searchBox {
	width:75% !important;
	opacity:0.95;
}

#input {
	width: 100%;
}

.resultBox {
width:80% !important;
}

/* Float four columns side by side */
.column {
  float: left;
  width: 33%;
  padding: 0 10px;
}

.columnFill {
	float: left;
	width: 16.5%;
	padding 0 10px;
}

/* Remove extra left and right margins, due to padding in columns */
.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.card {
	background-color: white;
}